﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <title>无人商城</title>
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat%7CRoboto:100,300,400,500,700,900%7CRoboto+Condensed:100,300,400,500,700" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/icon-font-linea.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/themify-icons.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/style.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/effect.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/home.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/owl.theme.default.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="~/MyModels/css/responsive.css">
    <link rel="icon" href="~/layuimini/images/favicon.ico">
    <link rel="stylesheet" href="~/layuimini/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="~/layuimini/css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="~/layuimini/css/themes/default.css" media="all">
    <link rel="stylesheet" href="~/layuimini/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">

</head>
<body>
    <!-- push menu-->
    <!-- Header Box -->
    <div class="wrappage">
        <header class="relative full-width box-shadow">
            <div class="clearfix container-web relative">
                <div class=" container">
                    <div class="row">
                        <div class=" header-top">
                            <p class="contact_us_header col-md-4 col-xs-12 col-sm-3 clear-margin">
                                <img src="~/MyModels/img/icon_phone_top.png" alt="Icon Phone Top Header" /> 致电我们 <span class="text-red bold">###-####-####</span>
                            </p>
                            <div class="clear-padding menu-header-top text-right col-md-8 col-xs-12 col-sm-6">
                                <ul class="clear-margin">
                                    @*<li class="relative"><a href="#">我的帐户</a></li>*@
                                    <li class="relative">
                                        <div>
                                            <a href="javascript:;" id="UserName">&nbsp;&nbsp;我的帐户&nbsp;&nbsp;</a>

                                            <ul>
                                                <li>
                                                    @*<a href="javascript:;" id="userName">admin</a>*@
                                                </li>
                                                <li class="relative">
                                                    <a href="javascript:;" layuimini-content-href="/APP/UserInfo/UserSettingView" data-title="基本资料" data-icon="fa fa-gears" class="user-setting">基本资料<span class="layui-badge-dot"></span></a>
                                                </li>
                                                <li class="relative">
                                                    <a href="javascript:;" layuimini-content-href="/APP/UserInfo/UpdateUserPwdView" data-title="修改密码" data-icon="fa fa-gears" class="user-update">修改密码</a>
                                                </li>
                                                <li class="relative">
                                                    <hr>
                                                </li>
                                                <li class="relative">
                                                    <a href="javascript:;" layuimini-content-href="/APP/UserBalanceInfo/ListView_1" data-title="余额" data-icon="fa fa-gears" class="user-balance">余额</a>
                                                </li>
                                                <li class="relative">
                                                    <hr>
                                                </li>
                                                <li class="relative">
                                                    <a href="javascript:;" class="login-out">退出登录</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="clearfix header-content full-width relative">
                            <div class="clearfix icon-menu-bar">
                                <i class="data-icon data-icon-arrows icon-arrows-hamburger-2 icon-pushmenu js-push-menu" aria-hidden="true"></i>
                            </div>
                            <div class="clearfix logo">
                                <a href="#"><img alt="Logo" src="~/MyModels/img/logo.png" /></a>
                            </div>
                            <div class="clearfix search-box relative float-left">
                                <form method="GET" action="/" class="">
                                    <div class="clearfix category-box ">
                                        <p>商品的信息</p>
                                    </div>
                                    <input type="text" name="s" placeholder="在此处输入关键字 . . .">
                                    <button class="button-hover-red relative">搜索</button>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </header>
    </div>
    <!-- End Header Box -->
    @* 今天很划算 *@
    <div class="clearfix box-product full-width top-padding-default homepage-top-padding-default bg-gray">
        <div class="clearfix container-web">
            <div class=" container">
                <div class="row">
                    <!-- Title Product -->
                    <div class="clearfix title-box full-width bottom-margin-default homepage-bottom-margin-default border bg-white">
                        <div class="clearfix name-title-box title-hot-bg relative">
                            <img src="~/MyModels/img/icon_percent.png" class="absolute" alt="" />
                            <p>今天很划算</p>
                        </div>
                    </div>
                </div>

                <!-- 111 -->
                <!-- 产品中心 -->
                <div class="container">
                    <h1 class="text-center text-primary">『商品中心』</h1>
                    <p class="text-center">What we hava carated</p>

                    <!-- 产品展示 -->
                    <div class="row product-son">
                        <!-- 缩略图 -->
                        @*<div class="thumbnail">
                                <img src="img/car1.jpg" />
                                <div class="caption">
                                    <p><b>Pairs</b></p>
                                    <p>Yes,we built Paris</p>
                                </div>
                            </div>*@
                       @* <button class="btn btn-primary"  id="back">购买</button>*@

                        <!-- 缩略图 end-->
                    </div>
                    <!-- 产品展示 end-->
                    <!-- 111  end -->




                    <script src="~/MyModels/js/jquery-3.3.1.min.js"></script>
                    <script src="~/MyModels/js/bootstrap.min.js" defer=""></script>
                    <script src="~/MyModels/js/owl.carousel.min.js" defer=""></script>
                    <script src="~/MyModels/js/sync_owl_carousel.js" defer=""></script>
                    <script src="~/MyModels/js/scripts.js" defer=""></script>
                    <script src="~/MyModels/mynm/showGoodsInfo.js" defer=""></script>
                    <script src="~/layuimini/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
                    <script src="~/layuimini/js/lay-config.js?v=2.0.0" charset="utf-8"></script>
                    <script>
                        $(document).ready(function () {
                            // 检查cookie是否为空
                            console.log('Cookie值:', getCookie('UserId'));
                            if (!getCookie('UserId')) {
                                // 当cookie为空时，改变文本的值
                                console.log('Cookie值:', getCookie('UserId'));
                                $('.login-out').text('登录');
                            }
                        });
                        
                        


                        $('.login-out').on("click", function () {
                            if (!getCookie('UserId')) {
                                layer.msg('正在进入登录页面', function () {
                                    window.location = '/APP/Account/LoginView';
                                });
                            }
                            else {
                                layer.msg('退出登录成功', function () {
                                    /*window.location = '../layuimini/page/login-3.html';*/
                                    delCookie();
                                    window.location = '/APP/Account/LoginView';
                                });
                            }
                            //删除cookie
                            function delCookie() {
                                //.net Core 删除cookie的方法
                                //HttpContext.Response.Cookies.Delete("StaffName");
                                //HttpContext.Response.Cookies.Delete("Password");
                                var keys = document.cookie.match(/[^ =;]+(?==)/g)
                                if (keys) {
                                    for (var i = keys.length; i--;) {
                                        document.cookie = keys[i] + '=0;path=/;expires=' + new Date(0).toUTCString() // 清除当前域名下的,例如：m.ratingdog.cn
                                        document.cookie = keys[i] + '=0;path=/;domain=' + document.domain + ';expires=' + new Date(0).toUTCString() // 清除当前域名下的，例如 .m.ratingdog.cn
                                        document.cookie = keys[i] + '=0;path=/;domain=ratingdog.cn;expires=' + new Date(0).toUTCString() // 清除一级域名下的或指定的，例如 .ratingdog.cn
                                    }
                                }
                            }
                        });

                        $('.user-setting').on("click", function () {
                            layer.msg('基础资料显示', function () {

                                window.location = '/APP/UserInfo/UserSettingView';
                            });
                        });
                        $('.user-update').on("click", function () {
                            layer.msg('修改密码', function () {
                                window.location = '/APP/UserInfo/UpdateUserPwdView';
                            });

                        });
                        $('.user-balance').on("click", function () {
                            layer.msg('余额显示', function () {

                                window.location = '/APP/UserBalanceInfo/ListView_1';
                            });

                        });

                        //获取Cookie中的UserName，然后显示
                        var userName = getCookie("UserName");//调用方法获取Cookie中的UserName

                        $("#UserName").text(decodeURIComponent(userName));//赋值到a标签



                        //获取Cookie的方法
                        function getCookie(cookieName) {
                            //.net Core 获取cookie的方法
                            //HttpContext.Request.Cookies["StaffName"] + "\n" +
                            //    HttpContext.Request.Cookies["Password"];

                            const strCookie = document.cookie
                            const cookieList = strCookie.split(';')

                            for (let i = 0; i < cookieList.length; i++) {
                                const arr = cookieList[i].split('=')
                                if (cookieName === arr[0].trim()) {
                                    return arr[1]
                                }
                            }

                            return ''
                        }
                    </script>
                    <style>
                        .copyrights {
                            text-indent: -9999px;
                            height: 0;
                            line-height: 0;
                            font-size: 0;
                            overflow: hidden;
                        }

                        .product-son {
                            text-align: center;
                        }

                        .product-son button {
                             margin-bottom: 70px;
                        }
                        #back{
                            margin-bottom:100px;
                        }
                        .product-img{
                            width: 100% !important; /* 设置宽度 */
                            height: 240px !important; /* 设置高度 */
                        }

                    </style>
                </div>
            </div>
        </div>
    </div>


    @*页脚*@
    <footer class="relative full-width">
        <div class=" top-footer full-width">
            <div class="clearfix container-web relative">
                <div class=" container">
                    <div class="row">
                        <div class="clearfix col-md-9 col-sm-12 clear-padding col-xs-12">
                            <div class="clearfix text-subscribe text-subscribe">
                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                @*<p> 注册时事通讯</p>*@
                                <p>获取折扣和优惠券的更新</p>
                                <p>Get updates on discount & counpons.</p>
                            </div>
                            <div class="clearfix form-subscribe">
                                <input type="text" name="email-subscribe" placeholder="输入您的电子邮件 . . .">
                                <button class="animate-default button-hover-red">订阅</button>
                            </div>
                        </div>
                        @*<div class="clearfix col-md-3 col-sm-12 col-xs-12 clear-padding social-box text-right">
                                <a href="#"><img src="img/social_tw-min.png" alt="Icon Social Twiter"></a>
                                <a href="#"><img src="img/social_fa-min.png" alt="Icon Social Facebook"></a>
                                <a href="#"><img src="img/social_int-min.png" alt="Icon Social Instagram"></a>
                                <a href="#"><img src="img/social_yt-min.png" alt="Icon Social Youtube" /></a>
                            </div>*@
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix container-web relative">
            <div class=" container clear-padding">
                <div class="row">
                    <div class="clearfix col-md-3 col-sm-6 col-xs-12 text-footer">
                        <p>我的帐户 </p>
                        <ul class="list-footer">
                            <li><a href="#">我的账户</a></li>
                            <li><a href="#">登录</a></li>
                            <li><a href="#">购物车</a></li>
                            <li><a href="#">我的愿望列表</a></li>
                            <li><a href="#">比较</a></li>
                        </ul>
                    </div>
                    <div class="clearfix col-md-3 col-sm-6 col-xs-12 text-footer">
                        <p>信息</p>
                        <ul class="list-footer">
                            <li><a href="#">信息</a></li>
                            <li><a href="#">订单历史</a></li>
                            <li><a href="#">我的愿望列表</a></li>
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">网站地图</a></li>
                        </ul>
                    </div>
                    <div class="clearfix col-md-3 col-sm-6 col-xs-12 text-footer">
                        <p>我们的服务</p>
                        <ul class="list-footer">
                            <li><a href="#">产品召回</a></li>
                            <li><a href="#">礼券</a></li>
                            <li><a href="#">退换货</a></li>
                            <li><a href="#">航运选项</a></li>
                            <li><a href="#">使用 条款</a></li>
                        </ul>
                    </div>
                    <div class="clearfix col-md-3 col-sm-6 col-xs-12 text-footer">
                        <p>联系我们</p>
                        <ul class="icon-footer">
                            <li><i class="fa fa-home" aria-hidden="true"></i> 西乡塘区217青年公寓</li>
                            <li><i class="fa fa-envelope" aria-hidden="true"></i> contast@yourcompany.com</li>
                            <li><i class="fa fa-phone" aria-hidden="true"></i> 070-7782-9137</li>
                            <li><i class="fa fa-fax" aria-hidden="true"></i> 070-7782-9138</li>
                            <li><i class="fa fa-clock-o" aria-hidden="true"></i> 上午09:00 AM - 下午18:00 PM</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class=" bottom-footer full-width">
            <div class="clearfix container-web">
                <div class=" container">
                    <div class="row">
                        <div class="clearfix col-md-7 clear-padding copyright">
                            <p>版权所有©2023.8-16 XXX拥有所有权利.</p>
                        </div>
                        <div class="clearfix footer-icon-bottom col-md-5 float-right clear-padding">
                            @*<div class="icon_logo_footer float-right">
                                    <img src="img/image_payment_footer-min.png" alt="">
                                </div>*@
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    @*页脚 end*@
</body>

</html>